<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新闻资讯</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css//swiper.css">
    <link rel="stylesheet" href="css//main.css">
    <link rel="stylesheet" href="css/animate.css">
</head>

<body>
    <div class="nav-list">
        <div class="container">
            <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand" href="index.html"> <img src="images/logo.png" alt="" class="hidden-xs"> <img src="images/logo_2.png" alt="" class="hidden-sm"></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="index.html">首页 </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="AboutUs.html">关于我们</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="News.html">新闻资讯</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="Product.html">产品展馆</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="Cooperation.html">合作发展</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="ContactUs.html">联系我们</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    <div class="swiper-container swiper-container-banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="images/banner_01.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="images/banner_02.jpg" alt="">
            </div>
        </div>
        <!-- Add Scrollbar -->
        <div class="swiper-scrollbar"></div>
        <div class="navbreadcrumb">
            <div class="container">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <div class="container"></div>
                        <li class="breadcrumb-item"><a href="index.html">首页</a></li>
                        <li class="breadcrumb-item active" aria-current="page">新闻资讯</li>
                    </ol>
                </nav>
            </div>
        </div>

    </div>
    <div class="btn_group">
        <div class="container mt-4 mb-4 pb-4">
            <button class="btn mr-2">产业知识</button>
            <button class="btn mr-2">行业新闻</button>
            <button class="btn mr-2">企业新闻</button>
            <button class="btn mr-2">健康知识</button>
        </div>
    </div>

    <div class="container news">
        <ul class="list-unstyled">
            <a href="News_Datails.html">
                <li class="media">
                    <img src="images/news_1.jpg" class="mr-3" alt="...">
                    <div class="media-body">
                        <h5 class="mt-0 mb-1">List-based media object</h5>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
                        sollicitudin. Cras
                        purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac
                        nisi
                        vulputate fringilla. Donec lacinia congue felis in faucibus.
                        <br>
                        <br>
                        <footer class="blockquote-footer">2019-12-13 <cite title="Source Title">七爷</cite>
                        </footer>
                    </div>
                </li>
            </a>
            <a href="News_Datails.html">
                <li class="media my-2">
                    <img src="images/news_2.jpg" class="mr-3" alt="...">
                    <div class="media-body">
                        <h5 class="mt-0 mb-1">List-based media object</h5>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
                        sollicitudin. Cras
                        purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac
                        nisi
                        vulputate fringilla. Donec lacinia congue felis in faucibus.
                        <br>
                        <br>
                        <footer class="blockquote-footer">2019-12-13 <cite title="Source Title">七爷</cite>
                        </footer>
                    </div>
                </li>
            </a>
            <a href="News_Datails.html">
                <li class="media my-2">
                    <img src="images/news_3.jpg" class="mr-3" alt="...">
                    <div class="media-body">
                        <h5 class="mt-0 mb-1">List-based media object</h5>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
                        sollicitudin. Cras
                        purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac
                        nisi
                        vulputate fringilla. Donec lacinia congue felis in faucibus.
                        <br>
                        <br>
                        <footer class="blockquote-footer">2019-12-13 <cite title="Source Title">七爷</cite>
                        </footer>
                    </div>
                </li>
            </a>
            <a href="News_Datails.html">
                <li class="media my-2">
                    <img src="images/news_4.jpg" class="mr-3" alt="...">
                    <div class="media-body">
                        <h5 class="mt-0 mb-1">List-based media object</h5>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
                        sollicitudin. Cras
                        purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac
                        nisi
                        vulputate fringilla. Donec lacinia congue felis in faucibus.
                        <br>
                        <br>
                        <footer class="blockquote-footer">2019-12-13 <cite title="Source Title">七爷</cite>
                        </footer>
                    </div>
                </li>
            </a>
            <a href="News_Datails.html">
                <li class="media my-2">
                    <img src="images/news_5.jpg" class="mr-3" alt="...">
                    <div class="media-body">
                        <h5 class="mt-0 mb-1">List-based media object</h5>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
                        sollicitudin. Cras
                        purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac
                        nisi
                        vulputate fringilla. Donec lacinia congue felis in faucibus.
                        <br>
                        <br>
                        <footer class="blockquote-footer">2019-12-13 <cite title="Source Title">七爷</cite>
                        </footer>
                    </div>
                </li>
            </a>
            <a href="News_Datails.html">
                <li class="media my-2">
                    <img src="images/news_6.jpg" class="mr-3" alt="...">
                    <div class="media-body">
                        <h5 class="mt-0 mb-1">List-based media object</h5>
                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
                        sollicitudin. Cras
                        purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac
                        nisi
                        vulputate fringilla. Donec lacinia congue felis in faucibus.
                        <br>
                        <br>
                        <footer class="blockquote-footer">2019-12-13 <cite title="Source Title">七爷</cite>
                        </footer>
                    </div>
                </li>
            </a>
        </ul>
        <nav aria-label="Page navigation example">
            <ul class="pagination">
                <li class="page-item">
                    <a class="page-link" href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                    <a class="page-link" href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>

    </div>
    <div class="footer d-flex align-items-center">
        <div class="container">
            <ul class="nav justify-content-center">
                <li class="nav-item">
                    <a class="nav-link" href="index.html">首页 </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="AboutUs.html">关于我们</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="News.html">新闻资讯</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">产品展馆</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">合作发展</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">联系我们</a>
                </li>
            </ul>
            <div class="d-flex justify-content-center">
                <span>电话：400-XXX-11223345</span>
                <span>地址：XXX省XXX市XXX区XXX街道XXX号</span>
            </div>
            <div class="d-flex justify-content-center">
                Copyright © 20019-2025 京ICP备1200XXXX号
              </div>
        </div>

    </div>
    <a class="bshareDiv" href="http://www.bshare.cn/share">分享按钮</a>
    <script type="text/javascript" charset="utf-8"
        src="http://static.bshare.cn/b/buttonLite.js#uuid=&amp;style=3&amp;fs=4&amp;textcolor=#fff&amp;bgcolor=#F60&amp;text=分享到">
    </script>

</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/script.js"></script>
<script>
    var swiper = new Swiper('.swiper-container-banner', {
        slidesPerView: 1,
        spaceBetween: 30,
        loop: true,
        speed: 1500,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>

</html>